@media (max-width: 768px) {
    .pc {
        display: none !important;
    }

    .mob {
        display: block !important;
    }

    html {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        font-size: calc(100vw/4.14);
        width: 100%;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    body {
        font-size: .13rem;
        min-width: 100%;
        overflow-x: hidden;
        width: 100%;
    }

    .view-all {
        width: 1.42rem;
        line-height: .5rem;
        height: .5rem;
    }

    .view-all-no-border {
        line-height: .14rem;
        height: .14rem;
        width: .65rem;
    }

    .menu {
        background: #fff;
        height: .72rem;
    }

    .menu.open {
        height: 100%;
    }

    .menu .nav {
        min-width: 100%;
        height: .72rem;

        border-top: .04rem solid #E60011;
        padding: 0 .2rem;
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1);
    }

    .menu .nav .logo {
        margin-top: .26rem;
        height: .16rem;
    }

    .menu .nav ul,
    .menu .nav div {
        float: none;
    }

    .menu .nav .btn {
        background: url(../imgs/menu-mob@3x.png) center center no-repeat;
        background-size: .3rem;
        width: .7rem;
        height: .72rem;
        position: absolute;
        right: 0;
        top: 0;
    }

    .menu .nav .btn.open {
        background: url(../imgs/menuclose_small_mob.png) #E60011 center center no-repeat;
        background-size: .3rem;
    }

    .menu .nav .view-all {
        width: 1.42rem;
        height: .5rem;
        line-height: .5rem;
    }

    /* .menu .secondary-menu {
        display: block;
        padding: 0;
        min-width: 100%;
    }

    .menu .secondary-menu>ul>li {
        display: block;

    }

    .menu .secondary-menu .list {
        width: 100%;
        padding-left: 0;
        display: none;
    }

    .menu .secondary-menu>ul {
        width: 100%;
    }

    .menu .secondary-menu .list ul:first-of-type {
        display: none;
    }

    .menu .secondary-menu .list li {
        width: 100%;
        float: none;
        margin: 0;
        background: transparent;
        border: 0;
        line-height: .37rem;
        padding-left: .35rem;
    } */

    /* .menu .secondary-menu .list::before {
        width: 0;
    }

    .menu .secondary-menu .title {
        width: 100%;
    }

    .menu .secondary-menu .business-list .subtitle-container {
        width: 100%;
        display: none;
    }

    .menu .secondary-menu .title .subtitle {
        margin-bottom: 0;
        font-size: .14rem;
    } */

    /* .secondary-menu>ul>li {
        border-bottom: 1px solid #E5E5E5;
    }

    .menu .secondary-menu .title .secondary-collapsible-element,
    .menu .secondary-menu .business-list .subtitle-container li .secondary-collapsible-element {
        font-size: .14rem;
        background: url(../imgs/menu_icon_arrow2@3x.png) 94% center no-repeat;
        background-size: .16rem;
        font-family: 'SourceHanSansCN-Regular';
        margin-bottom: 0;
        padding-left: .24rem;
        line-height: .6rem;
        margin: 0 !important;
        display: block;
    } */

    /* .menu .secondary-menu .business-list .subtitle-container li {
        margin: 0;
    }

    .menu .secondary-menu .title .collapsible-element {
        background: url(../imgs/menu_icon_plus@3x.png) 94% center no-repeat;
        background-size: .16rem;
        padding-left: .24rem;
        line-height: .6rem;
    }

    .menu .secondary-menu .title .secondary-collapsible-element.active {
        background: url(../imgs/menu_icon_arrow1@3x.png) 94% center no-repeat;
        background-size: .16rem;
    }

    .menu .secondary-menu .list li.links {
        background: transparent;
    }

    .menu .secondary-menu .business-list .subtitle-container::before {
        width: 0;
    }

    .menu .secondary-menu .sustainable-development .title .subtitle {
        padding-right: 0;
        background: url(../imgs/menu_icon_arrow1@3x.png) 94% center no-repeat;
        background-size: .16rem;
        padding-left: .24rem;
        line-height: .6rem;
        text-align: left;
    }

    .menu .secondary-menu .sustainable-development .title {
        width: 100%;
    } */

    .fixed-header {
        height: .4rem;
        background: linear-gradient(left, #ed2c27, #c20000);
        background: -webkit-linear-gradient(left, #ed2c27, #c20000);
        padding-left: .2rem;
        line-height: .4rem;
        display: block;
        position: fixed;
        top: .72rem;
        left: 0;
        z-index: 9;
        width: 100%;
        color: #fff;
    }

    .fixed-header span {
        float: left;
        display: block;
    }

    .fixed-header .btn {
        background: url(../imgs/company/menu_small_mob.png) center center no-repeat;
        width: .2rem;
        height: .2rem;
        background-size: .19rem;
        margin-left: .33rem;
        position: relative;
        margin-top: .1rem;
    }

    .fixed-header .btn.open {
        background: url(../imgs/menuclose_small_mob.png) center center no-repeat;
        background-size: .19rem;
    }

    .fixed-header .btn::before {
        content: "";
        width: 1px;
        height: .2rem;
        position: absolute;
        left: -.12rem;
        top: 0rem;
        background: #fff;
    }

    .footer-section {
        background: #F1F3F3;
        padding-top: .4rem;
        min-width: 100%;
    }

    .footer-section .foot-top .logo {
        display: block;
        margin: 0 auto;
        height: .19rem;
    }

    .footer-section .foot-top div {
        float: none;
    }

    .footer-section .foot-top .wechat {
        margin: .37rem auto 0;
        float: none;
    }

    .footer-section .foot-top .search-box {
        width: 3rem;
        margin: 0.25rem auto 0.08rem;
        background: #fff;
        position: relative;

    }

    .footer-section .foot-top .search-box input {
        width: 100%;
        line-height: .4rem;
        border: 0;
        padding: 0 0.15rem;

    }

    .footer-section .foot-top .search-box button {
        position: absolute;
        z-index: 2;
        height: 0.4rem;
        width: 0.4rem;
        background: url(../imgs/search_icon@2x.png) center center no-repeat;
        background-size: 0.24rem;
        right: 0;
        top: 0;

    }

    .footer-section .foot-top .tips {
        text-align: center;
        margin-top: .2rem;
    }

    .footer-section .foot-links {
        padding: 0;
        border: 0;
    }

    .footer-section .foot-links>li:first-of-type {
        width: 100%;
    }

    .footer-section .foot-links>li {
        width: 100%;
        margin-right: 0;
    }

    .footer-section .foot-links:nth-of-type(2) {
        margin-top: 0;
    }

    .footer-section .first-links div:first-of-type {
        width: 100%;
    }

    .footer-section>ul>li {
        background: url(../imgs/home/menu_icon_plus@3x.png) 94% .22rem no-repeat;
        background-size: .16rem;
        border-top: 1px solid #e5e5e5;
    }

    .footer-section>ul>li.open {
        background: url(../imgs/home/menu_icon_min@3x.png) 94% .22rem no-repeat;
        background-size: .16rem;
    }

    .footer-section ul li.no-child-elements {
        background: transparent !important;
    }

    .footer-section ul li ul li ul li a {
        display: block;
    }

    .footer-section .title {
        line-height: .6rem;
        padding: 0 .27rem 0 .24rem;
        margin: 0;
        display: inline-block;
        background: transparent;
        border: 0;
    }



    /* .footer-section>ul>li.company-profile .title {
        border-top: 1px solid #E5E5E5;
    } */

    .footer-section .foot-links .subtitle {
        line-height: .6rem;
        padding: 0 .27rem 0 0;
        margin: 0;
        background: url(../imgs/home/menu_icon_arrow2@3x.png) 94% center no-repeat;
        background-size: .16rem;

    }

    .footer-section .foot-info {
        margin-top: 0;
    }

    .footer-section .foot-info .container {
        border: 0;
    }

    .footer-section .foot-info a {
        border: 0;
        padding: 0 .15rem;
        line-height: .12rem;
    }

    .footer-section .foot-info a:last-of-type {
        display: block;
        margin-top: .12rem;
    }

    .footer-section .coptyright {
        line-height: .16rem;
        padding: .3rem .24rem;
    }
.footer-section .coptyright a{
    display: block;
    margin-top: .08rem;
}
.footer-section .coptyright a img{
    top: 0rem;
}
    .footer-section .foot-links>li>ul {
        display: none;
    }

    .footer-section .foot-links>li>ul.open {
        display: block;
    }

    .footer-section .foot-links li ul li {
        padding-left: .27rem;
        line-height: .6rem;
        margin-bottom: 0;
        background: url(../imgs/menu_icon_arrow2@3x.png) 94% .22rem no-repeat;
        background-size: .16rem;
    }

    .footer-section .foot-links li ul li.open {
        background: url(../imgs/menu_icon_arrow1@3x.png) 94% .22rem no-repeat;
        background-size: .16rem;
    }

    .footer-section .foot-links li ul ul {
        border: 0;

    }

    .footer-section .foot-links li ul ul li {
        line-height: .37rem;
        margin-bottom: 0;
        padding-left: .11rem;
    }

    .footer-section .foot-links>li>ul>li>ul {
        padding-left: 0;
        margin-top: 0;
        display: none;
    }

    .footer-section .foot-links li ul li ul li {
        background: transparent;
    }

    .footer-section .foot-links li ul li .subtitle {

        display: inline-block;
    }



    .footer-section .foot-links>li>ul>li>ul.open {
        display: block;
    }

    .footer-section .foot-links>li.company-profile>ul>li {
        width: 100%;
    }

    .footer-section .title.no-child-elements,
    .footer-section .foot-links li ul li .subtitle.no-child-elements {
        background: transparent;
    }

    .container {
        min-width: 100%;
        width: 100%;
        padding: 0;
    }

    .inside-history {
        display: none;
    }

    .inside-banner {
        height: 1.58rem;
        margin-top: 1.12rem;
    }

    .inside-content {
        margin: .5rem 0 .6rem;
        padding: 0 .2rem;
    }



    .inside-foot-banner {
        padding: .5rem .4rem .6rem;
    }

    .inside-foot-banner p {
        font-size: .24rem;
        line-height: .3rem;
        width: 2.62rem;
        margin: 0 auto .26rem;
    }

    .inside-foot-banner a {
        margin: 0;
        width: 100%;
        height: 1.05rem;
    }

    .inside-foot-banner a:last-of-type {
        margin: .2rem 0 0;
    }

    .inside-foot-banner a:first-of-type {
        background: url(../imgs/pic1_mob@3x.jpg) no-repeat;
        background-size: cover;
    }

    .inside-foot-banner a:last-of-type {
        background: url(../imgs/home_pic2_mob_0711.jpg) no-repeat;
        background-size: cover;
    }

    .card-group {
        min-width: 100%;
        /* padding: 0 2.4%; */
    }

    .card-group li {
        width: 48%;
        margin: .4rem 2% 0;
        padding: .26rem 0 0;
        box-shadow: none !important;
    }

    .card-group li:nth-child(2n+1) {
        margin-left: 0;
    }

    .card-group li:nth-child(2n) {
        margin-right: 0;
    }

    .card-group li:nth-of-type(1),
    .card-group li:nth-of-type(2) {
        margin-top: 0;
    }

    .card-group li .desc {
        display: none;
    }

    .card-group li::before {
        width: 0;
    }

    .card-group li .title {
        font-size: .16rem;
        line-height: .24rem;
    }

    .card-group li img {
        margin-top: .13rem;
    }

    .inside-banner {
        min-width: 100%;
        background: url(../imgs/company/company_top_mob.jpg) center center no-repeat;
        background-size: cover;
    }

    .inside-banner .txt {
        height: 1.58rem;
        padding-left: .2rem;
    }

    .inside-banner .title-en {
        font-size: .4rem;
        line-height: .48rem;
    }

    .inside-banner .title-zh {
        line-height: .29rem;
        font-size: .2rem;
        margin-top: .04rem;
    }

    /* .card-group li:nth-of-type(2n) {
        padding-left: .09rem;
    } */

    .mob-menu-block {
        display: none;
        height: calc(100vh - .72rem);
        overflow: scroll;
    }

    .mob-secondary-menu>ul>li {
        border-bottom: 1px solid #E5E5E5;
        background: url(../imgs/menu_icon_plus@3x.png) 94% .22rem no-repeat;
        background-size: .16rem;
    }

    .mob-secondary-menu>ul>li.open {
        background: url(../imgs/menu_icon_min@3x.png) 94% .22rem no-repeat;
        background-size: .16rem;
    }

    .mob-secondary-menu .title {
        line-height: .6rem;
        display: inline-block;
        padding-left: .24rem;
    }



    .mob-secondary-menu .open ul {
        background: #F8F8F8;
    }

    .mob-secondary-menu>ul>li>ul {
        display: none;
        /* padding: .24rem 0; */
    }

    .mob-secondary-menu>ul>li>ul>li {
        line-height: .37rem;
        /* padding-left: .24rem; */
        display: block;
        background: url(../imgs/menu_icon_arrow2@3x.png) 94% .22rem no-repeat;
        background-size: .16rem;

    }

    .mob-secondary-menu>ul>li>ul>li.open {
        background: url(../imgs/menu_icon_arrow1@3x.png) 94% .22rem no-repeat;
        background-size: .16rem;
    }

    .mob-secondary-menu>ul>li>ul.news {
        padding: .24rem 0;
    }

    .mob-secondary-menu>ul>li>ul.news>li {
        padding-left: .24rem;
    }

    .mob-secondary-menu>ul>li>ul>li>ul {
        display: none;
    }

    .mob-secondary-menu>ul>li>ul>li:last-of-type>ul {
        padding-bottom: .24rem;
    }

    .mob-secondary-menu>ul>li>ul>li>ul>li.links a span {
        background: url(../imgs/icon_lock_black_mob@3x.png)no-repeat;
        background-size: .14rem;
        width: .14rem;
        height: .14rem;
        display: inline-block;
        margin-left: .08rem;
        position: relative;
        top: .03rem;
    }

    .mob-secondary-menu .subtitle {

        display: inline-block;
        padding-right: 0.3rem;
        line-height: .6rem;
        padding-left: .24rem;
    }



    .mob-secondary-menu>ul>li>ul>li>ul>li {
        padding-left: .35rem;
        display: block;
    }


    .mob-secondary-menu ul li.no-child-elements {
        background: transparent !important;
    }

    .fix-bottom {
        margin: .4rem .57rem 0;

    }

    .fix-bottom .wechat {
        width: .44rem;
        display: block;
        margin: 0 auto .25rem;
    }

    .fix-bottom .search {
        position: relative;
        border: 1px solid #F1F3F3;
        margin-bottom: .24rem;
    }

    .fix-bottom input {
        width: 100%;
        line-height: .4rem;
        border: 0;
        padding: 0 .15rem;

    }

    .fix-bottom .search button {
        position: absolute;
        z-index: 2;
        height: .4rem;
        width: .4rem;
        background: url(../imgs/search_icon@2x.png) center center #F1F3F3 no-repeat;
        background-size: .24rem;
        right: 0;
        top: 0;
    }

    .fix-bottom p {
        color: #a5a5a5;
        line-height: .12rem;
        margin-top: .17rem;
        text-align: center;
    }

    .fix-bottom p a {
        display: inline-block;
        margin: 0 .15rem;
    }

    .popup .wechat {
        width: 2.76rem;
        height: 3.13rem;
        position: relative;
        margin: 1.5rem auto 0;
        background: #F1F3F3;
        padding: .62rem .45rem 0;
    }

    .popup .wechat .close {
        position: absolute;
        right: .13rem;
        top: .13rem;
        width: .24rem;
    }

    .popup .wechat p {
        font-size: .14rem;
        line-height: .2rem;
        margin-top: .08rem;
        text-align: center;
    }

    .inside-content .inside-wrap {
        width: 100%;
        /* padding: 0 .2rem; */
        box-sizing: border-box;
        overflow-x: hidden;
        float: none;
    }

    .inside-content .inside-menu {
        position: fixed;
        background: #cb0212;
        top: 1.12rem;
        height: 100%;
        width: 100%;
        left: 0;
        color: #fff;
        display: none;
        z-index: 9;
    }

    .search-page {
        padding: 0 .2rem .6rem;
    }

    .search-page .box {
        width: 100%;
        margin-top: .3rem;
    }

    .search-page h2 {
        font-size: .08rem;
        line-height: .1rem;
    }

    .search-page h1 {
        font-size: .24rem;
        margin-top: .14rem;
        line-height: .24rem;
    }

    .search-page .result-list li p {
        font-size: .12rem;
        line-height: .24rem;
    }

    .inside-wrap-content {
        padding-left: 0;
    }

    .first-level-page-banner {
        background: url(../imgs/company_top_mob.jpg) no-repeat;
        background-size: auto 100%;
    }

    .inside-content .inside-menu .title {
        display: none;
    }

    .inside-menu .links {
        padding: .5rem .4rem;
    }

    .inside-content .inside-menu .links li.active {
        color: #fff;
    }

    .pagination {
        padding: .48rem 0;
    }

    .pagination .prev {
        padding-left: .2rem;
    }

    .pagination .next {
        padding-right: .2rem;
    }

    .pagination ul li {
        margin: 0 .1rem;
    }

    .search-page .result {
        margin-top: .42rem;
    }

    .search-page .result-list {
        margin-bottom: .2rem;
    }

    .search-page .search-btn {
        height: .5rem;
        line-height: .5rem;
        width: 1.42rem;
        margin-top: .36rem;
    }

    .inside-content .inside-menu .links li.disabled {
        color: #fff;
        opacity: .5;
    }

    .buy {
        position: absolute;
        right: 0rem;
        width: .5rem;
        height: .72rem;
        background: url(../imgs/home_icon_buy_mob.png) center center no-repeat;
        background-size: .3rem;
        top: 0;
    }

    .popup-buy-links {
        position: fixed;
        top: .72rem;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 999;
        display: none;
    }

    .popup-buy-links .container {
        background: #F8F8F8;
        padding: .5rem .4rem;
    }

    .popup-buy-links .container a {
        line-height: .6rem;
        border: 1px solid #333333;
        color: #101112;
        border-top: 0;
        display: block;
        text-align: center;
        background: url(../imgs/btn_arrow-black@2x.png) 95% center no-repeat;
        background-size: .13rem;
    }

    .popup-buy-links .container a:first-of-type {
        border-top: 1px solid #333333;
        margin-bottom:
    }

    .footer-section li.external-link a {
        background: url(../imgs/home/icon_lock_black_mob@3x.png) right center no-repeat !important;
        background-size: 0.14rem !important;
        padding-right: .2rem !important;
    }

    .web-txt {
        padding: 0 .4rem .3rem;
    }

    .web-txt p {
        font-size: .15rem;
    }

    .web-txt p.subtitle {
        font-size: .18rem;
    }

    .web-txt p.sm-subtitle {
        font-size: .16rem;
    }

    .web-txt .contact-us-subtitle {
        font-size: .16rem;
        line-height: .3rem;
    }

    .web-txt .contact-us-subtitle a {
        display: block;
    }

    .web-txt .contact-us-p {
        line-height: .3rem;
    }
    .recruitment-list-content .links{
      
        display: block;
    }
    .recruitment-list-content .links a{
            font-size:.22rem;
        display: block;
    }
    .recruitment-list-content .links a{
        margin-right: 0!important;
        margin-bottom:.2rem;
    }
}